<script setup>

import {onMounted} from "vue";
import {useRouter} from "vue-router";
const router = useRouter()
const url = window.location.href
function goBack() {
  // 返回上一页
  window.history.back();
}
function refreshPage() {
  // 刷新页面
  window.location.reload();
}
onMounted(() => {
})
</script>

<template>
  <el-result sub-title="">
    <template #icon>
      <el-image style="width: 200px;height: 200px" src="/src/assets/img/404.png"/>
    </template>
    <template #title>
      <h2>嗯… 无法访问此页面</h2>
    </template>
    <template #sub-title>
      <h3 style="margin: 20px 0">检查 {{ url }} 中是否存在拼写错误。</h3>
    </template>
    <template #extra>
      <el-button size="large" type="primary" @click="goBack">返回</el-button>
      <el-button size="large" type="default" @click="refreshPage">刷新</el-button>
    </template>
  </el-result>
</template>
<style scoped>

</style>
